<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--width=device-width设备宽度；initial-scale=1初始缩放比；
		minimum-scale=1；允许用户缩放的最大比例；maximum-scale=1允许用户缩放的最小比例；user-scalable=no用户是否可以手动缩放；-->
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="css/deng_lu.css"/>
		<script type="text/javascript" src="js/flexible.js"></script>
	</head>
	<body>
		<div class="container">
			<div class="nav">
				<a id="back" href="javascript:;"></a>
				<p>登录</p>
			</div>
			<div class="pic">
				<img src="img/logo@2x.png"/>
			</div>
			<form action="">
				<input type="number" class="zh" name="zh" placeholder="输入账号" />
						<p class="p1">*账号不得为空</p>
				<input type="password" class="pwd" name="pwd" placeholder="输入密码" />
				<div class="btn">
					<a id="mima">忘记密码</a>
					<a id="zhuce">立即注册</a>
				</div>
				<div class="submit">
					<button id="submit1">登录</button>
				</div>
			</form>
		</div>
		<script type="text/javascript">
			var back = document.getElementById("back");
			var mima = document.getElementById("mima");
			var zhuce = document.getElementById("zhuce");
			var submit1 = document.getElementById("submit1");
			back.addEventListener("touchstart",function(){
				window.history.go(-1);
			})
			
			mima.addEventListener("touchstart",function(event){
				event.preventDefault();
				this.style.background = "#e0f5fa";
				window.location.href = "mi_ma.html";
			})
			mima.addEventListener("touchend",function(event){
				event.preventDefault();
				this.style.background = "transparent";
			})
			zhuce.addEventListener("touchstart",function(event){
				event.preventDefault();
				this.style.background = "#e0f5fa";
				window.location.href = "zhu_ce.html";
			})
			zhuce.addEventListener("touchend",function(event){
				event.preventDefault();
				this.style.background = "transparent";
			})
			
			submit1.addEventListener("touchstart",function(event){
				this.style.background = "#e8201e";
			})
			submit1.addEventListener("touchend",function(event){
				this.style.background = "#f23a38";
			})
			
		</script>
	</body>
</html>
